<template>
    <h1>我是 APP 组件</h1>
    <MyCom4>
        <template #default>
            <div>传入给默认插槽的内容</div>
        </template>


        <!--
            作用域插槽第二步, 在使用的时候在名字后添加一个 ="随便写一个变量"

                #title="obj"
                #title="data"
                #title="msg"
                #title="info"
                #title="qwe"
                .......
        -->
        <template #title="obj">
            <div>弹出框的标题部分 --- {{ obj.data }} </div>
        </template>


        <template v-slot:showmsg="qwe">
            <div>弹出框的展示文本 --- {{ qwe.num }}</div>
        </template>
    </MyCom4>
</template>

<script>
import MyCom from "./components/my_com.vue";
import MyCom2 from "./components/my_com2.vue";
import MyCom3 from "./components/my_com3.vue";
import MyCom4 from "./components/my_com4.vue";
export default {
    components: {
        MyCom,
        MyCom2,
        MyCom3,
        MyCom4,
    },
};
</script>

<style scoped></style>
